<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>iDevOpsCloud 企业级开发协作与应用托管平台</title>
	<!-- core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.transitions.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->       
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head><!--/head-->

<body id="home" class="homepage">

    <header id="header">
        <nav id="main-menu" class="navbar navbar-default navbar-fixed-top" role="banner">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html"><img src="images/logo_opt.png" alt="logo"></a>
                </div>
				
                <div class="collapse navbar-collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="scroll active"><a href="/index.html#home">主页</a></li>
                        <li class="scroll"><a href="/index.html#features">云产品</a></li>
                        <li class="scroll"><a href="/index.html#services">云服务</a></li>
                        <li class="scroll"><a href="/index.html#partner">合作伙伴</a></li>
                        <li class="scroll"><a href="/index.html#contact">联系我们</a></li>                        
                    </ul>
                </div>
            </div><!--/.container-->
        </nav><!--/nav-->
    </header><!--/header-->

    <section class="post-top">
        <div class="container">
            <div class="text-center">
                <h2 class="wow fadeInUp" data-wow-duration="300ms" data-wow-delay="0ms"><span>iDevOpsHub</span> 企业级私有镜像仓库</h2>
                <p class="wow fadeInUp" data-wow-duration="300ms" data-wow-delay="100ms">以安全可靠、简单易用为导向，为容器运行平台提供集镜像管理、镜像安全、镜像高速访问为一体的企业级镜像仓库管理方案。</p>
            </div>
        </div>
    </section>

   <section class="ido-section">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title text-center wow fadeInDown">&nbsp;&nbsp;特&nbsp;&nbsp;色&nbsp;&nbsp;</h2>
            </div>
        </div>
    </section>

    <section class="ido-features">
        <div class="container">
            <div class="row col-sm-12">
                <div class="media col-sm-6 feature-box wow fadeInLeft">
                    <div class="pull-left">
                        <i class="fa fa-briefcase"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">安全可靠</h3>
                        <p>支持HTTPS访问<br />基于角色的权限控制<br />系统高可用<br /></p>
                    </div>
                </div>

                <div class="media col-sm-6 feature-box wow fadeInRight">
                    <div class="pull-left">
                        <i class="fa fa-rocket"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">CI/CD</h3>
                        <p>支持连接Git，SVN源码仓库代码自动构建<br />提供WebHook接口，支持持续部署<br />提供版本管理功能<br /></p>
                    </div>
                </div>

                <div class="media col-sm-6 feature-box wow fadeInLeft">
                    <div class="pull-left">
                        <i class="fa fa-cogs"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">高效集成</h3>
                        <p>AD/LDAP用户管理<br />支持丰富的本地存储以及公有云存储接入<br />提供丰富的Restful API接口<br /></p>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <footer id="footer">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    &copy; 2016 iDevOpsCloud. 
                </div>
                <div class="col-sm-6">
                    <ul class="social-icons">
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                        <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                        <li><a href="#"><i class="fa fa-behance"></i></a></li>
                        <li><a href="#"><i class="fa fa-flickr"></i></a></li>
                        <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="#"><i class="fa fa-github"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer><!--/#footer-->

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/mousescroll.js"></script>
    <script src="js/smoothscroll.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/jquery.inview.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/main.js"></script>
</body>
</html>